<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%@ taglib prefix="huoyun" uri="/huoyun"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>支付账号</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">

<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/theme/css/main.css">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/theme/css/style_userCenter.css">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/car/css/cars-cx.css">
<script type="text/javascript"
	src="${pageContext.request.contextPath}/theme/js/jquery-1.6.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/theme/js/calendar/WdatePicker.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/theme/js/jquery.validate.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/theme/js/additional-methods.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/theme/js/jquery.form.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/car/js/register-car-tzh.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/theme/js/dialog.js"></script>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/theme/css/dialog.css">
<script type="text/javascript">
	function add_event(tr) {
		tr.onmouseover = function() {
			tr.className += ' hover';
		};
		tr.onmouseout = function() {
			tr.className = tr.className.replace(' hover', '');
		};
	}

	function stripe(table) {
		var trs = table.getElementsByTagName("tr");
		for ( var i = 1; i < trs.length; i++) {
			var tr = trs[i];
			tr.className = i % 2 != 0 ? 'odd' : 'even';
			add_event(tr);
		}
	}

	window.onload = function() {
		var table = document.getElementById('my_registed_cars_table');
		stripe(table);
	}
</script>

<style type="text/css">
#submit_button {
	width: 100px;
	height: 40px;
	background-image:
		url("${pageContext.request.contextPath}/theme/images/button_normal.png");
	background-size: 100% 100%;
	border: none;
	cursor: pointer;
	font-family: 宋体;
	font-size: 18px;
	font-style: normal;
	color: #fff;
	font-weight: bold;
	background-image:
		url("${pageContext.request.contextPath}/theme/images/button_normal_ie.png")
		\9;
}

#submit_button:hover,#submit_button.hover {
	background-image:
		url("${pageContext.request.contextPath}/theme/images/button_hover.png");
	background-image:
		url("${pageContext.request.contextPath}/theme/images/button_hover_ie.png")
		\9;
}

#submit_button:active,#submit_button.active {
	background-image:
		url("${pageContext.request.contextPath}/theme/images/button_down.png");
	background-image:
		url("${pageContext.request.contextPath}/theme/images/button_down_ie.png")
		\9;
}
</style>


	<script type="text/javascript">
	  $(document).ready(function(){
	  	$("#regBankCardForm").validate({
	  	rules : {
	  		"bankCard.cardBank" : {
	  			required : true
	  		},
	  		"bankCard.cardNumber" : {
	  			required : true,
	  			isBankCardNumber : true,
	  			remote : {
	  				url : "${pageContext.request.contextPath}/pay/checkBankCard.action",
	  				type : "post"
				}
	  		},
	  		"bankCard.cardOwner" : {
	  			required : true,
	  			isChineseName : true
	  		}
	  	},
	  	messages : {
	  		"bankCard.cardBank" : {
	  			required : "请选择开户行"
	  		},
	  		"bankCard.cardNumber" : {
	  			required : "请填写银行卡号",
	  			isBankCardNumber : "银行卡号格式不正确",
	  			remote : "银行卡号已存在"
	  		},
	  		"bankCard.cardOwner" : {
	  			required : "请填写持卡人",
	  			isChineseName : "姓名只能为中文，且至少为两个汉字"
	  		}
	  	}
	  	});
	  });
  	</script>

</head>

<body>
	<div>
		<jsp:include page="../userAdmin/nav.jsp">
			<jsp:param value="nav_account" name="nav" />
		</jsp:include>
	</div>
	<div class="realCer">

		<!--主体部分-->
		<div class="realMain clearfix mt10">
			<!--左侧菜单-->
			<div class="realLeft" id="meunLeft">
				<jsp:include page="../userAdmin/leftMenu.jsp">
					<jsp:param value="con_nav_account" name="con_nav" />
					<jsp:param value="showBankCards" name="selectMenu"/>
				</jsp:include>
			</div>
			<!--中间-->
			<div class="realRight ml10">
				<!--中间-->
				<div class="realR_left">
					<div class="box">
						<div class="tit">
							<strong>修改支付账号</strong>
						</div>
						<div class="con">
							<div id="my_registed_drivers_div" class="form_wrap clearfix">
								<s:url var="registerBankCardUrl" action="editBankCard.action" namespace="/pay"></s:url>
								<form method="post" id="regBankCardForm" name="regDriverForm" action="<s:property value="registerBankCardUrl"/>">
							  		<dl>
							  			<dt ><span class="required-field">* </span><label for="bankCard.cardBank">银行卡开户行</label></dt>
							  			<!-- <dd><input type="text" name="bankCard.cardBank" id="bankCard.cardBank" class="inputtext" /></dd> -->
							  			
							  			<dd><huoyun:customSelect mode="bank" name="bankCard.cardBank" id="bankCard.cardBank" value="${bankCard.cardBank }"/></dd>
							  		</dl>
							  		<dl>
							  			<dt><span class="required-field">* </span><label for="bankCard.cardNumber">银行卡号：</label></dt>
							  			<%--<dd><input type="text" name="bankCard.cardNumber" id="bankCard.cardNumber" class="inputtext" /></dd>--%>
							  			<dd><s:textfield name="bankCard.cardNumber" id="bankCard.cardNumber" class="inputtext" /></dd>
							  		</dl>
							  		<dl>
							  			<dt><span class="required-field">* </span><label for="bankCard.cardOwner">持卡人姓名：</label></dt>
							  			<%--<dd><input type="text" name="bankCard.cardOwner" id="bankCard.cardOwner" class="inputtext" /></dd>--%>
							  			<dd><s:textfield name="bankCard.cardOwner" id="bankCard.cardOwner" class="inputtext" /></dd>
							  		</dl>
							  		<dl>
										<dt>
											&nbsp;
										</dt>
										<dd>
											<div class="button button-mblue">
												<input type="submit" value="修 改" id="button_submit" class="button-text">
											</div>
										</dd>
									</dl>
							  	</form>
							</div>
						</div>
					</div>
				</div>
				<!-- 中间 -->
				<!--右侧-->
				<div class="realR_right">
					<%-- <div class="box mb10">
						<jsp:include page="../noticeTemplate.jsp"></jsp:include>
					</div> --%>
				</div>
				<!--右侧-->
			</div>
			<!--中由-->
		</div>
	</div>
	<div>
		<jsp:include page="../footer.jsp"></jsp:include>
	</div>
</body>
</html>
